<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <base th:href="@{/}">
    <meta charset="UTF-8">
    <title>医生详情页</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Free Website Template" name="keywords">
    <meta content="Free Website Template" name="description">
    <link href="/css/doctordetail.css" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:wght@400;700&family=Poppins&display=swap" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="51">
<a  href="javascript:history.back()" class="back-button" style="color: #fff !important;background-color: #0accce !important;
    border-color: #0accce !important;" >返回</a>
<!--<div th:include="admin/header"></div>-->
<div class="wrapper">
    <div class="sidebar">
        <div class="sidebar-text d-flex flex-column h-100 justify-content-center text-center">
            <img class="w-100 img-fluid mb-4" th:src="${doctor.tx}" alt="Doctor's Image">
            <h1 th:text="${doctor.name}" class="mt-2"></h1>
            <div class="mb-4" style="height: 22px;">
                <h4 class="typed-text-output d-inline-block text-body"></h4>
                <div class="typed-text d-none">重庆师范大学 , 校医院医生团队 , 我的宗旨是 , 为人民服务 , 为您的健康保驾护航 , 请信赖我们</div>
            </div>
            <div class="d-flex justify-content-center mt-auto mb-3">
                <a class="mx-2" href="#"><i class="fab fa-github"></i></a>
                <a class="mx-2" href="#"><i class="fab fa-google"></i></a>
                <a class="mx-2" href="#"><i class="fab fa-whatsapp"></i></a>
            </div>

        </div>
        <div class="sidebar-icon d-flex flex-column h-100 justify-content-center text-right">
            <i class="fas fa-2x fa-angle-double-right text-primary"></i>
        </div>
    </div>
    <div class="content">
        <div class="container bg-white py-5">
            <div class="row px-3">
                <div class="col-12">
                    <h2 class="title position-relative pb-2 mb-4">关于</h2>
                </div>
                <div class="col-12">
                    <p th:text="${doctor.note}">专注于外科专业领域。我毕业于北京大学，拥有医学博士学位，并具备9年的临床工作经验hhhhhh</p>
                    <div class="row">
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">医生姓名:</h5> <span th:text="${doctor.name}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">电话号码:</h5> <span th:text="${doctor.phone}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">密码:</h5> <span th:text="${doctor.pwd}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">职务:</h5> <span th:text="${doctor.job}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">科室:</h5> <span th:text="${doctor.dName}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">挂号费:</h5> <span th:text="${doctor.fee}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">创建日期:</h5> <span th:text="${doctor.createDate}"></span>
                        </div>
                        <div class="col-sm-6 py-1">
                            <h5 class="d-inline text-primary">地点:</h5> 重庆师范大学校医院
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="service-section container bg-white pt-5 pb-3">
            <div class="row px-3">
                <div class="col-12">
                    <h2 class="title position-relative pb-2 mb-4">服务</h2>
                </div>
                <div class="col-md-6 service-item text-center mb-3">
                    <i class="fa fa-2x fa-laptop-code mx-auto mb-4"></i>
                    <h5 class="mb-2">技术技能</h5>
                    <p class="service-text">
                        熟练操作医疗设备。
                        精通医疗信息系统的使用。病历采集：系统地询问病史和进行身体检查。
                        通过病史、体征和辅助检查结果综合判断疾病。</p>
                </div>
                <div class="col-md-6 service-item text-center mb-3">
                    <i class="fab fa-2x fa-android mx-auto mb-4"></i>
                    <h5 class="mb-2">智能追踪</h5>
                    <p class="service-text">可以远程监控患者的健康状况，如心率、血压和血糖水平。根据患者的基因、病史和生活方式，为患者定制个性化的治疗方案。</p>
                </div>
                <div class="col-md-6 service-item text-center mb-3">
                    <i class="fa fa-2x fa-search mx-auto mb-4"></i>
                    <h5 class="mb-2">耐心检查</h5>
                    <p class="service-text">细致入微进行各项服务，确保不遗漏任何细节，为诊断提供准确证据。</p>
                </div>
                <div class="col-md-6 service-item text-center mb-3">
                    <i class="fa fa-2x fa-edit mx-auto mb-4"></i>
                    <h5 class="mb-2">医学知识</h5>
                    <p class="service-text">掌握基础医学和临床医学知识。持续更新专业知识和技能，跟进最新的医学研究进展。</p>
                </div>
            </div>
        </div>
        <div class="container-fluid bg-white pt-5 px-0">
            <div class="container bg-dark text-light text-center py-5">
                <div class="d-flex justify-content-center mb-4">
                    <a class="btn btn-outline-primary btn-square mr-2" href="#"><i class="fab fa-github"></i></a>
                    <a class="btn btn-outline-primary btn-square mr-2" href="#"><i class="fab fa-google"></i></a>
                    <a class="btn btn-outline-primary btn-square mr-2" href="#"><i class="fab fa-whatsapp"></i></a>
                </div>
                <div class="d-flex justify-content-center mb-3">
                    <a class="text-white">重庆师范大学</a>
                    <span class="px-3">|</span>
                    <a class="text-white" >校医院</a>
                    <span class="px-3">|</span>
                    <a class="text-white" >医生信息</a>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="js/typed/typed.min.js"></script>
<script src="js/typed/main.js"></script>
</body>
</html>